<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Mahally</title>
<link href="css/reset.css" rel="stylesheet" type="text/css" />
<link href="css/style.css" rel="stylesheet" type="text/css" />
</head>
<body>

<div class="container">
<ul>

<div class="header">
    <ul>
          <li class="f">
        <div class="logo"> <a href="index.html"><img  src="<?php echo get_template_directory_uri ();?>/images/Mahally-logo.png" /> </a></div>
      </li>
          <li class="f-r">
        <div class="menu ">
              <div class="search f-r">
            <div class="search-warper"> search
                  <input name="search-txt" class="search-txt" id="search" >
                  </textarea>
                </div>
          </div>
              <div class="clearfix"> </div>
              <ul>
              <?php

				$defaults = array(
					'theme_location'  => '',
					'menu'            => '',
					'container'       => 'ul',
					'container_class' => '',
					'container_id'    => '',
					'menu_class'      => 'f',
					'menu_id'         => '',
					'echo'            => true,
					'fallback_cb'     => 'wp_page_menu',
					'before'          => '',
					'after'           => '',
					'link_before'     => '',
					'link_after'      => '',
					'items_wrap'      => '%3$s',
					'depth'           => 0,
					'walker'          => ''
				);
				
				wp_nav_menu( $defaults );
				
				?>
          </ul>
            </div>
      </li>
        </ul>
  </div>
  <li class="f">
    <div class="sidebar f">
      <div class="design"><img src="images/SHOW-ROOM.png"/> </div>
    </div>
  </li>
  <li class="f-r">
  <div class="content">
    <div class="top"> </div>
    <div class="middle">
      <form>
        <div class ="info">
          <h1>Your Information</h1>
          <input type="text" value="First Name" name="first_name" class="info-form" />
          <input type="text" value="Second" name="second_name" class="info-form"/>
          <input type="text" value="E-Mail" name="mail" class="info-form" />
        </div>
        <div class="clearfix"></div>
        
        <div class="koko">
       <div class="billing"> 
        <div class="billing-info">
        	<p>Billing Address </p>
          	<ul>
            	<li><input type="text" class="billing-form " /></li>
                <li><input type="text" class="billing-form " /></li>
                <li>
                	<input type="text" class="billing-form small" />
                    <input type="text" class="billing-form small" />
                </li>
            </ul>
        </div>
        <div class="same">
        	<input type="checkbox" />
			<div class="">same address</div>
        </div>
        <div class="billing-info">
        	<p>Shipping Address </p>
          	<ul>
            	<li><input type="text" class="billing-form " /></li>
                <li><input type="text" class="billing-form " /></li>
                <li>
                	<input type="text" class="billing-form small" />
                    <input type="text" class="billing-form small" />
                </li>
            </ul>
        </div>

        </div>
        
        <div class="clearfix"></div>
        <ul>
          <li class="f">
            <div class="credit-info">
              <p>Credit Card Information</p>
              <table>
                <tr>
                  <td><input name="Name on Card" type="text" value="Name on Card" class="credit-form" /></td>
                </tr>
                <tr>
                  <td><input name="Card Number" type="text" value="Card Number" class="credit-form" /></td>
                </tr>
                <tr>
                  <td colspan="2">Expire Date
                    <input name="expire month" type="text"   maxlength="2"class="credit-form-s" />
                    <input name="expire year" type="text"   maxlength="4" class="credit-form-s"/></td>
                </tr>
                <tr>
                  <td colspan="2">CVV
                    <input name="expire month" type="text" maxlength="4"class="credit-form-s" /></td>
                </tr>
              </table  >
            </div>
          </li>
          <li class="f">
            <div class="my-cart">
              <table border="1" cellspacing="0" cellpadding="0">
                <tr>
                  <td>2</td>
                  <td>Prouduct </td>
                  <td>9254</td>
                  <td>EGP</td>
                </tr>
                <tr>
                  <td>1</td>
                  <td>Prouduct </td>
                  <td>4684</td>
                  <td>EGP</td>
                </tr>
                <tr>
                  <td>3</td>
                  <td>Prouduct </td>
                  <td>500</td>
                  <td>EGP</td>
                </tr>
                <tr>
                  <td>3</td>
                  <td>Prouduct </td>
                  <td>500</td>
                  <td>EGP</td>
                </tr>
                <tr>
                  <td>3</td>
                  <td>Prouduct </td>
                  <td>500</td>
                  <td>EGP</td>
                </tr>
              </table>
            </div>
          </li>
          <li class="f-r">
            <div class="total">
              <ul>
                <li >
                  <div class="cart-counter">
                    <p>5</p>
                  </div>
                </li>
                <li>
                  <div class="total-price">
                    <ul>
                      <li class="f">
                        <h1>Total</h1>
                      </li>
                      <li class="f">
                        <h2> 56734,56734</h2>
                      </li>
                      <li class="f">
                        <h3> EGP</h3>
                      </li>
                    </ul>
                  </div>
                </li>
                <li>
                  <input type="submit" class="billing-btn"  value=""/>
                </li>
              </ul>
            </div>
          </li>
          
        </ul>
      </form>
      
    </div>
   
  </div>
  <div class="bottom"> </div>
  </div> 
  
  </li>
</ul>
</div>
<div class="clearfix"></div>
<div class="footer">
  <div class="social-icons">
    <ul>
      <li class="f"> <a href="#"> <img src="images/twtr.png" /> </a> </li>
      <li class="f"> <a href="#"> <img src="images/fb.png" /> </a> </li>
      <li class="f"> <a href="#"> <img src="images/pin.png" /> </a> </li>
    </ul>
  </div>
  <div class="footer-container">
    <div class="f"> MAHALLY 2013 ALL RIGHTS RESERVED </div>
    <div class="f-r"> <a href="#">Site Map</a> | <a href="#">Contact Us</a> | <a href="#">Careers</a> | <a href="#">Terms Of Use</a> </div>
  </div>
</div>
</body>
</html>
